<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <!--  Version: Multiflex-3 Update-2 / Overview             -->
    <!--  Date:    November 29, 2006                           -->
    <!--  Author:  G. Wolfgang                                 -->
    <!--  License: Fully open source without restrictions.     -->
    <!--           Please keep footer credits with a link to   -->
    <!--           G. Wolfgang (www.1-2-3-4.info). Thank you!  -->

    <h:head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv="expires" content="3600" />
        <meta name="revisit-after" content="2 days" />
        <meta name="robots" content="index,follow" />
        <meta name="publisher" content="Your publisher infos here ..." />
        <meta name="copyright" content="Propiedad de Nogsoft solutions" />
        <meta name="author" content="Diseno por Freddy Nogales/ Author: Your author infos here ..." />
        <meta name="distribution" content="global" />
        <meta name="description" content="sistema de compra-venta de selarom" />
        <meta name="keywords" content="Your keywords, keywords, keywords, here ..." />
        <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout4_setup.css" />
        <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout4_text.css" />
        <link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
        <title>Inversiones Selaroma</title>
    </h:head>

    <!-- Global IE fix to avoid layout crash when single word size wider than column width -->
    <!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->

    <h:body styleClass="body">
        <!-- Main Page Container -->
        <div class="page-container">

            <!-- For alternative headers START PASTE here -->

            <!-- A. HEADER -->
            <div class="header">

                <!-- A.1 HEADER TOP -->
                <div class="header-top">

                    <!-- Sitelogo and sitename -->
                    <a class="sitelogo" href="#" title="Go to Start page"></a>
                    <div class="sitename">
                        <h1><a href="index.html" title="Go to Start page">Selarom<span style="font-weight:normal;font-size:50%;">&nbsp;</span></a></h1>
                        <h2>Venta de Repuestos Automotrices </h2>
                    </div>

                    <!-- Navigation Level 0 -->


                    <!-- Navigation Level 1 -->

                </div>

                <!-- A.2 HEADER MIDDLE -->
                <div class="header-middle">

                    <!-- Site message -->
                    <div class="sitemessage">
                        <h1 >SELAROMA C.A. </h1>
                        <h2>R.I.F. J-00088710-1</h2>
                        <h2>Direccion: Final prolongación Av. Rómulo Gallegos Barrio La Alcabala</h2>
                    </div>
                </div>

                <!-- A.3 HEADER BOTTOM -->
                <div class="header-bottom">

                    <!-- Navigation Level 2 (Drop-down menus) -->
                    <div class="nav2">

                        <!-- Navigation item -->


                        <!-- Navigation item -->
                        <ul>

                            <li><a href="#">Empleado</a>
                                <!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="ventanaPrincipal.xhtml">Pagina Principal</a></li>
                                    <li><a href="login.xhtml">Buscar/Modificar/Eliminar Empleado</a></li>
                                    

                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>

                        <!-- Navigation item -->
                        <ul>

                            <li><a href="#">Acerca de
                                    <!--[if IE 7]><!-->
                                </a>
                                <!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Maestro Facturacion</a></li>
                                    <li><a href="#">Clientes</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>
                        <ul>


                        </ul>
                    </div>
                </div>

                <!-- A.4 HEADER BREADCRUMBS -->

                <!-- Breadcrumbs -->
                <div class="header-breadcrumbs">
                    <ul>
                        <li><h:outputLink value="listarEmpleado.xhtml"><h:outputLabel value="Empleados"/></h:outputLink></li>


                    </ul>

                    <!-- Search form -->
                    <div class="searchform">
                        <form action="#" method="get" class="form">

                        </form>
                    </div>
                </div>
            </div>

            <!-- For alternative headers END PASTE here -->

            <!-- B. MAIN -->
            <div class="main">

                <!-- B.1 MAIN NAVIGATION -->
                <div class="main-navigation">


                    <!-- Navigation Level 3 -->
                    <div class="round-border-topright"></div>
                    <h1 class="first">Gestion de Empleados </h1>

                    <!-- Navigation with grid style -->
                    <dl class="nav3-grid">
                        <dt><h:outputLink value="insertarEmpleado.xhtml"><h:outputLabel value="Crear Empleado"/></h:outputLink></dt>
                        <dt><h:outputLink value="gestionarEmpleado.xhtml"><h:outputLabel value="Buscar/Modificar/Eliminar Empleados"/></h:outputLink></dt>
                        <dt><h:outputLink value="listarEmpleado.xhtml"><h:outputLabel value="Listar Empleados"/></h:outputLink></dt>
                        <dt><h:outputLink value="ventanaPrincipal.xhtml"><h:outputLabel value="Pagina Principal"/></h:outputLink></dt>


                    </dl>

                    <!-- Template infos -->


                </div>

                <!-- B.2 MAIN CONTENT -->
                <div class="main-content">

                    <!-- Pagetitle -->
                    <h1 class="pagetitle">CREAR EMPLEADO </h1>

                    <!-- Content unit - One column -->
                    <div class="column1-unit">
                        <!-- Content unit - One column -->
                        <h1 class="block">Ventana crear EMPLEADO </h1>
                        <div>
                            <div class="contactform">



                                <h:form id="insertarEmpleado" >
                                   
                                        <legend>&nbsp;LLene los datos del empleado a insertar &nbsp;</legend>
                                        <h:panelGrid columns="2" border="1" >

                                            <h:outputLabel styleClass="left" >Nombre:</h:outputLabel>
                                              
                                                
                                            <h:inputText id="nombre" value="#{controladorEmpleado.empleadosNombre}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                           
                                            <h:outputLabel styleClass="left" >Apellido:</h:outputLabel>
                                           

                                             
                                             
                                                <h:inputText id="apellido" value="#{controladorEmpleado.empleadosApellido}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                            
                                                <h:outputLabel styleClass="left" >Cedula:</h:outputLabel>
                                            

                                             
                                             
                                                <h:inputText id="cedula" value="#{controladorEmpleado.empleadosCI}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                            
                                                <h:outputLabel styleClass="left" >Direccion:</h:outputLabel>
                                            

                                               
                                             
                                                <h:inputText id="direccion" value="#{controladorEmpleado.empleadosDir}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                            
                                           
                                                <h:outputLabel styleClass="left" >Telefono Casa:</h:outputLabel>
                                            

                                              
                                             
                                                <h:inputText id="telefonoC" value="#{controladorEmpleado.empleadosTlfCasa}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                            
                                              
                                                <h:outputLabel styleClass="left" >Telefono Movil:</h:outputLabel>
                                            

                                                
                                             
                                                <h:inputText id="telefonoM" value="#{controladorEmpleado.empleadosTlfMovil}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                            
                                                <h:outputLabel styleClass="left" >Contraseña:</h:outputLabel>
                                            

                                                 
                                             
                                                <h:inputText id="contrasena" value="#{controladorEmpleado.empleadosContrasena}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                           
                                                <h:outputLabel styleClass="left" >Fecha de Ingreso:</h:outputLabel>
                                            

                                                
                                             
                                                <h:inputText id="fechaIngreso" value="#{controladorEmpleado.empleadosFechaIng}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                           
                                                <h:outputLabel styleClass="left" >Saldo del Empleado:</h:outputLabel>
                                            

                                                
                                             
                                                <h:inputText id="sueldo" value="#{controladorEmpleado.empleadosSueldoBase}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                           
                                                <h:outputLabel styleClass="left" >Login:</h:outputLabel>
                                            

                                                 
                                             
                                                <h:inputText id="login" value="#{controladorEmpleado.empleadosLogin}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                            
                                                <h:outputLabel styleClass="left" >Correo:</h:outputLabel>
                                            

                                                   
                                            
                                                <h:inputText id="correo" value="#{controladorEmpleado.empleadosCorreo}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                            
                                                <h:outputLabel styleClass="left" >Cargo:</h:outputLabel>
                                            
                                               <h:inputText id="cargo" value="#{controladorEmpleado.nombreCargo}" styleClass="cargo" required="true" requiredMessage="El valor es requerido!!" ></h:inputText>
                                           
                                       </h:panelGrid>
                                        &nbsp;
                                        
                                        <h:commandButton type="submit" value="Guardar" styleClass="button" style="left" action="#{controladorEmpleado.agregarEmpleado}" />
                                        &nbsp;
                                    
                                </h:form>


                            </div>
                        </div>
                    </div>
                    <hr class="clear-contentunit" />  </div>

                <!-- B.3 SUBCONTENT -->
                <div class="main-subcontent">

                    <!-- Subcontent unit -->
                    <div class="subcontent-unit-border-orange">

                        <div class="round-border-topleft"></div><div class="round-border-topright"></div>
                        <h1 class="orange">Ayuda Empleado </h1>
                        <p>
                            LLene los datos correspondientes a los datos del empleado
                            En el caso de <strong>La fecha</strong> el formato para
                            la fecha es dd-mm-yyyy. Ejemplo: 10-06-2010
                            En el caso del Cargo indique un numero dependiendo del cargo
                           
                        </p>

                        <p>
                            <strong>Guardar:</strong>
                            Presione el boton Guardar para que el Cargo sea ingresado al sistema
                        </p>

                        <p>
                            <strong>Regresar:</strong>
                            Presione el boton regresar para volver a la pagina anterior.
                        </p>



                    </div>

                    <!-- Subcontent unit -->


                    <!-- Subcontent unit -->


                    <!-- Subcontent unit -->
                </div>
            </div>

            <!-- C. FOOTER AREA -->

            <div class="footer">
                <p>Copyright &copy; 2010 Nogsoft Solutions C.A.| All Rights Reserved</p>
                <p class="credits">Original design by William Morales<a href="#" title="Designer Homepage"> </a> | Thanks to <a href="http://www.google.co.ve" title="Nogsoft C.A.">Ingenieria Nogsoft C.A.</a> | Powered by <a href="#" title="Content Management System">Your CMS</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">W3C XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">W3C CSS 2.0</a></p>
            </div>
        </div>

    </h:body>
</html>

